<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人简历</title>
    <link rel="stylesheet" href="css/index-a4320dff73.css">
    <!--<script type="text/javascript" src="../demoUtils.js"></script>-->
    <style>
        #scroller ul li{
            overflow: hidden;     
        }    
		.swiper-wrapper .swiper-slide:nth-of-type(1){
			background: lawngreen;
		}
		 .swiper-wrapper .swiper-slide:nth-of-type(2){
			background: paleturquoise;
		}
		.swiper-wrapper .swiper-slide:nth-of-type(3){
			background: turquoise;
		}   
		.swiper-slide img{
			width: 100%;
			height: 100%;
		}               
    </style>
</head>
<body>
    <!--进入页面loading加载中div-->
    <div id="loading">loading</div>
    <!--进入页面的动画开始-->
	<!--<div id="wrapper">-->
    <div class="swiper-container">
        <div class="swiper-wrapper ">             
                                    <!--注意：这块class="ani" swiper-animate-effect="flipInX" 是加在图片上 -->
            <div class="swiper-slide"><img class="ani" swiper-animate-effect="rotateInUpRight" src="./images/111.jpg"/></div>
            <div class="swiper-slide"><img class="ani" swiper-animate-effect="rotateInUpLeft" src="./images/222.jpg"/></div>
            <div class="swiper-slide"><img class="ani" swiper-animate-effect="lightSpeedIn" src="./images/333.jpg"/>
                <button id="enter" class="ani" swiper-animate-effect="lightSpeedIn">进入体验</button>
            </div>            
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>   
    </div>
	<!--</div>-->
    <!--进入页面的动画结束-->
    <div id="mainContainer">
        <!--头部部分-->
         <div id="header" style="background: black">
            <div></div>
            <div>个人简历</div>
            <div>按钮</div>	
         </div>
        <!--中间main部分-->         
         <div id="wrapper">
            <div id="scroller">
                <ul></ul>
            </div>
         </div>
         <!--footer部分-->
        <div id="footer">
            <ul>
                <li id="skill">技能<i class="iconfont icon-jineng-copy" style="color:#ccc;"></i></li>
                <li id="project">项目<i class="iconfont icon-xiangmu" style="color:#ccc;"></i></li>
                <li id="work">经历<i class="iconfont icon-jiaoyujingli" style="color:#ccc;"></i></li>
                <li id="wode">我的<i class="iconfont icon-wode" style="color:#ccc;"></i></li>
            </ul>
        </div>
    </div>

    <script src="js/index-39f5a045d0.js"></script>
   	<script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
    </script>
</body>
</html>